@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    .select-item {
        @apply bg-blue-700;
    }
    #select-list li:not(.select-item) {
        @apply hover:bg-blue-500/30 transition;
    }
    .select-btn {
        @apply bg-blue-600 text-white;
    }
    .btn-list button:not(.select-btn) {
        @apply text-blue-600 hover:text-white;
    }
    .jptg-btn-list button:not(.select-btn) {
        @apply text-blue-600 hover:text-white;
    }
    .active-location {
        @apply text-blue-600;
    }
    .location-list li:not(.active-location) {
        @apply text-black cursor-pointer hover:text-blue-600;
    }
    .select-location li {
        @apply text-black cursor-pointer hover:text-blue-600;
    }
    .select-type {
        @apply border-blue-600 border-b-2;
    }
    .point-list li {
        @apply cursor-pointer hover:text-blue-600;
    }
}

.select-location-box-left {
    left: 0px;
}
.select-location-box-right {
    right: 0px;
}